<!DOCTYPE html>
<!-- saved from url=(0060)www.mlive711.com/index.php/pchome/download/index.html -->
<html lang="en">
  
  <head>
    <meta uiv="Content-Type" content="text/html; charset=UTF-8">
    <!-- mlive711-->
    <title>金榜藏书app</title>
    <link href="__APP__/Public/home/css/style.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="__APP__/Public/home/css/layer.css" id="layuicss-layer">
    <link rel="stylesheet" href="__APP__/Public/home/css/download.css">
    <link rel="stylesheet" href="__APP__/Public/home/css/mescroll.min.css">
  <body>
    <iframe id="baocms_frm" name="baocms_frm" style="display:none;" src="__APP__/Public/home/css/saved_resource.html"></iframe>
    <div id="app-top" class="topOne">
      <div class="nr">
        <a href=""></a>
        <ul style="padding-top: 7px; float: left; margin-left: 30px;">
          <li class="navLi">
            <a title="APP下载" href="javascript:;" class="navA nav_download on">
              <i>
              </i>使用手机扫描右方二维码 下载app</a>
          </li>
        </ul>
        <div class="top_login_right"></div>
        <div class="top_login_right"></div>
        <!----></div>
    </div>
    <style>
        body{
            font-family: "Arial","Microsoft YaHei";
            margin:0;
            padding:0;
        } 
        .download_bg{
            width:100%;
            background: #0dd1c3;
            margin-top: -1px;
            position:absolute;
            top:0;bottom:0;
            background: url(__APP__/Public/home/img/dl_bg.png) no-repeat;
            background-size:cover;
        } 
        .download_bg2{
            width:100%;
            background: #0dd1c3;
            margin-top: -1px;
            position:absolute;
            top:0;bottom:0;
            background: url(__APP__/Public/home/img/dl_bg.png) no-repeat;
            background-size:cover;
        } 
        .dl_main{
            width:1000px;
            position: absolute;
            overflow: hidden;
            margin: 0 auto;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            -webkit-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
        } 
        .dl_main2{
            width:1000px;
            position: absolute;
            overflow: hidden;
            margin: 0 auto;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            -webkit-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
        } 
        /*.logo{width:1000px;margin:20px auto;}*/ 
        .logo a{
            color: #fff;
            font-size:30px;
            text-decoration: none;
        } 
        .logo img{
            height: 60px;
            vertical-align: middle;
            margin-right: 15px;
        } 
        .dl_main img.dl_left{
            width: 36%;
            float: left;
        } 
        .dl_main2 img.dl_left2{
            width: 36%;
            margin-left:33%;
        } 
        .dl_right{
            margin-left:400px;
            padding-top: 60px;
        }
        .dl_right2{
            margin-left:28%;
            padding-top: 60px;
        }
        .dl_right .dl_logo{
            text-align: center;
        }
        .dl_right2 .dl_logo2{
            text-align: center;
        }
        .dl_right .dl_logo img{
            width: 80px;
            vertical-align: middle;
        }
        .dl_right2 .dl_logo2 img{
            width: 80px;
            vertical-align: middle;
        }
        .dl_right .dl_logo span{
            color: #fff;
            font-size:44px;
            vertical-align: middle;
            margin-left: 20px;
        } 
        .dl_right2 .dl_logo2 span{
            color: #fff;
            font-size:44px;
            vertical-align: middle;
            margin-left: 20px;
        } 
        .dl_right p{
            margin:30px auto;
            text-indent: 2em;
            color: #fff;
            font-size: 16px;
            line-height: 28px;
        } 
        .dl_right2 p{
            margin:30px auto;
            text-indent: 2em;
            color: #fff;
            font-size: 16px;
            line-height: 28px;
        } 
        .dl_right .dl_btn img,.dl_right .dl_btn canvas{
            width: 100%;
        } 
        .dl_right2 .dl_btn2 img,.dl_right2 .dl_btn2 canvas{
            width: 100%;
        } 
        .dl_right .dl_btn{
            padding: 10px;
            border-radius: 5px;
            background: #fff;
            width:180px;
            display: inline-block;
            margin-left: 80px;
        } 
        .dl_right2 .dl_btn2{
            padding: 10px;
            border-radius: 5px;
            background: #fff;
            width:300px;
            display: inline-block;
            margin-left: 80px;
        } 
        /* .dl_right .dl_btn .dl_btn_in{padding-top:1px;} */ 
        .dl_right .dl_btn a{
            width:100%;
            height:46px;
            line-height:46px;
            display:block;
            margin:10px 0;
            color: #fff;
            border-radius:40px;
            text-align: center;
            text-decoration: none;
        } 
        .dl_right2 .dl_btn2 a{
            width:100%;
            height:46px;
            line-height:46px;
            display:block;
            margin:10px 0;
            color: #fff;
            border-radius:40px;
            text-align: center;
            text-decoration: none;
        } 
        .dl_right .dl_btn a.sys_and{
            background: #ff2c2c;
        }
        .dl_right2 .dl_btn2 a.sys_and{
            background: #ff2c2c;
        }
        .dl_right .dl_btn a span{
            font-size: 20px;
            vertical-align: middle;
        } 
        .dl_right2 .dl_btn2 a span{
            font-size: 20px;
            vertical-align: middle;
        } 
        .dl_right .dl_btn a i{
            width: 28px;
            height: 28px;
            display: inline-block;
            vertical-align: middle;
            margin-right: 10px;
        }
        .dl_right2 .dl_btn2 a i{
            width: 28px;
            height: 28px;
            display: inline-block;
            vertical-align: middle;
            margin-right: 10px;
        }
        .dl_right .dl_btn a i.icon_ios{
            background: url(__APP__/Public/home/img/icon_ios.png) no-repeat;
            background-size: contain;
        }
        .dl_right2 .dl_btn2 a i.icon_ios{
            background: url(__APP__/Public/home/img/icon_ios.png) no-repeat;
            background-size: contain;
        }
        .dl_right .dl_btn a i.icon_android{
            background: url(__APP__/Public/home/img/icon_android.png) no-repeat;
            background-size: contain;
        } 
        .dl_right2 .dl_btn2 a i.icon_android{
            background: url(__APP__/Public/home/img/icon_android.png) no-repeat;
            background-size: contain;
        } 
        .dl_right .dl_btn a span{
            vertical-align: middle;
        }
        .dl_right2 .dl_btn2 a span{
            vertical-align: middle;
        }
        .copyright-info{
            width:100%;
            height:40px;
            line-height:40px;
            position: absolute;
            bottom: 0;
            text-align: center;
            color:#fff;
        }
    </style>
    <div id="app" class="download_bg" style="display:none;">
      <div class="logo">
        </div>
      <div class="dl_main">
        <img src="__APP__/Public/home/img/dl_mobile.png" alt="" class="dl_left">
        <div class="dl_right">
          <div class="dl_logo">
            <span></span>
          </div>
          <p>
          </p>
          <div class="dl_btn">
            <img src="__APP__/Public/home/img/android_loader_qr.png" height="200" width="200"></img>
            <div class="dl_btn_in">
              <a href="http://zhushou.360.cn/detail/index/soft_id/4029204" class="sys_and">
                <i class="icon_android"></i>
                <span>Android下载</span></a>
            </div>
          </div>
          <div class="dl_btn">
            <img src="__APP__/Public/home/img/ios_loader_qr.png" height="200" width="200"></img>
            <div class="dl_btn_in">
              <a href="http://itunes.apple.com/cn/app/id1455818989?mt=8" class="sys_and">
                <i class="icon_ios"></i>
                <span>ios下载</span></a>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div id="app2" class="download_bg2" style="display:none;">
      <div class="logo2">
        </div>
      <div class="dl_main2">
        <img src="__APP__/Public/home/img/dl_mobile.png" alt="" class="dl_left2">
        <div class="dl_right2">
          <div class="dl_logo2">
            <span></span>
          </div>
          <p>
          </p>
          <div class="dl_btn2" id="android"  style="display:none;">
            <img src="__APP__/Public/home/img/android_loader_qr.png" height="300" width="300"></img>
            <div class="dl_btn_in">
              <a href="http://zhushou.360.cn/detail/index/soft_id/4029204" class="sys_and">
                <i class="icon_android"></i>
                <span>Android下载</span></a>
            </div>
          </div>
          <div class="dl_btn2" id="ios" style="display:none;">
            <img src="__APP__/Public/home/img/ios_loader_qr.png" height="300" width="300"></img>
            <div class="dl_btn_in2">
              <a href="http://itunes.apple.com/cn/app/id1455818989?mt=8" class="sys_and">
                <i class="icon_ios"></i>
                <span>ios下载</span></a>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="copyright-info"></div>
  </body>
<script type="text/javascript"> 
   
    //平台、设备和操作系统 
    var system = { 
        win: false, 
        mac: false, 
        xll: false, 
        ipad:false 
    }; 
    //检测平台 
    var p = navigator.platform; 
    system.win = p.indexOf("Win") == 0; 
    system.mac = p.indexOf("Mac") == 0; 
    system.x11 = (p == "X11") || (p.indexOf("Linux") == 0); 
    system.ipad = (navigator.userAgent.match(/iPad/i) != null)?true:false; 
    //跳转语句
    if (system.win || system.mac || system.xll||system.ipad) { 
        document.getElementById("app").style.display="block";
    } else { 
        document.getElementById("app2").style.display="block";
        var u = navigator.userAgent, app = navigator.appVersion;
        var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //g
        var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
        if (isAndroid) {
            document.getElementById("android").style.display="block";
        }
        if (isIOS) {
            document.getElementById("ios").style.display="block";
        }
    } 
</script>
</html>